﻿<html>
	<head>
		<style>
			@import url(menu.css);
			body
			{
				background-color    : #70b438;
				background-image    : url(card-top.png);
				background-position : 24px 288px 0px 32px;
				background-repeat   : expand;
				color               : white;
				margin              : 0px;
				padding             : 24px 0px 0px 0px;
				text-align          : center;
			}
			input
			{
				margin : 16px 10px;
			}
			#heading
			{
				height         : 100%%;
				margin         : 0px auto;
				text-align     : left;
				vertical-align : middle;
			}
			#h1
			{
				font-size : 36px;
			}
			#h2
			{
				font-size : 64px;
			}
			#message
			{
				font-size      : 24px;
				line-height    : 25px;
				height         : 50px;
				text-align     : center;
				vertical-align : middle;
			}
			#token
			{
				background-image    : url(inputshadow.png);
				background-position : 13px 13px 13px 13px;
				background-repeat   : expand;
				border-style        : none;
				color               : black;
				font-size           : 24px;
				height              : 100px;
				margin              : 0px 10px;
				padding             : 0px 10px;
				overflow-y          : auto;
				text-wrap           : unrestricted;
				padding             : 0px 10px;
			}
			#username, #shard
			{
				display : block;
				width   : 100%%;
				margin  : 0px 10px;
			}
			.label
			{
				font-size  : 24px;
				margin     : 8px 0px 4px 0px;
				padding    : 0px 20px;
				text-align : left;
			}
		</style>
	</head>
	<body>
		<div #heading>
			<div #h1>sign into</div>
			<div #h2>Evernote</div>
		</div>

		<div .label>username</div>
		<input #username type="text" />

		<div .label>developer token</div>
		<widget #token type="textarea" />

		<div .label>notestore url</div>
		<input #shard type="text" />

		<div #message />
	</body>
</html>

